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stek zonder veel moeite in beweging krijgen? 


Negen webgraphics- & animatiepakketten 


(Re)animeer je we 


Je website ligt op apegapen want er komt geen kat meer langs! Hoog tijd dus dat je die stek op 
een verjongingskuur trakteert. En hoe kan je dat beter dan met een sprankelende animatie! 
Geen spek voor jouw bek, zeg je? Wedden dat de pakketten uit deze vergelijkingsronde je web- 
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oept ‘animatie’ bij jou het stereotiepe 
beeld op van een cartoonachtig teken- 
filmpje, dan brengt dit artikel je wel op 


andere gedachten. De pakketten die we hier 
bespreken, interpreteren ‘animatie’ namelijk 
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De kwalen instellen 


Afspeelmodus: © 
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DATA BECKER ii 


Een eigenzinnige en flashy interface. 
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op de meest uiteenlopende manieren. Je hebt 
ongetwijfeld al ‘ns gehoord van een Flash-ani- 
matie. Ook dat softwarepakket (Flash) be- 
spreken we, maar er zijn er nog andere. Zo 
zijn er ook programma’s waarmee je een wer- 


FlashFile Creator 


Met FlashFile Creator maak je Flash-bestan- 
den, maar veel makkelijker dan met het ‘ori- 
ginele’ programma Flash van Macromedia, 
al zijn de mogelijkheden 
veel beperkter! Het pro- 
gramma zelf lijkt zo uit de 
Flash-doos te komen: een 
overdonderende interface. 
Zodra je een project opge- 
start hebt, kan je kiezen tus- 
sen een aantal knoppen: 
Opmaak, Media, Tekst, Ef- 
fect en Tijd. Kan je via Op- 
maak zaken instellen als 
scènegrootte of afspeel- 
kwaliteit, dan laat de knop 
Media je afbeeldingen (geen 
gifs), al bestaande Flash- 
filmpjes en geluidsbestan- 
den importeren. Jammer 
genoeg kan je die filmpjes 
en geluidsbestanden niet tot 
één enkele scène beperken. 
Rechtstreeks beelden van 


velende show van je vakantiekiekjes maakt of 
die de waanzinnigste 3 D-titels uitspuwen. Met 
andere pakketten kan je dan weer geani- 
meerde banners ontwerpen. Kortom, pakket- 
ten voor ieders beurs, talent en inspiratie. 


bijvoorbeeld je digitale fotocamera ophalen 
lukt helaas niet. De Tekst-knop herbergt een 
vrij eenvoudige teksttool, maar in combina- 
tie met de Effect-knop kan je daar wel aardi- 
ge effecten op loslaten. Wie onder de knop 
Tijd een heuse tijdbalk verwacht, komt be- 
drogen uit: meer dan een paar vertragingsin- 
stellingen en (klassieke) scèneovergangen 
vind je hier niet. Het resultaat van je experi- 
menten bekijk je met de knop Scènevoor- 
stelling, al werkte die functie bij ons niet naar 
behoren. Met de knop Volledige voorstelling 
krijg je uiteraard de hele film te zien. Is je pro- 
ject afgerond, dan kan je het als een swf-be- 
stand opslaan. Spijtig dat je je filmpje niet kan 
exporteren naar een html-pagina. 


Wie de originele Flash-software te com- 


plex vindt, kan met FlashFile Creator heel 
snel (beperkte!) Flash-animaties ineen 
knutselen. 


stek! 


FotoShow in Flash 


Een persoonlijke webstek 
is dé plek om al je digitale 
familiekiekjes neer te plof- 
fen. Met FotoShow in 
Flash zet je dat fotoalbum 
zó om in een flash(y) fo- 
toshow. Met een simpel 
stappenplan helpt een 
wizard ook volslagen 
Flash-groentjes uit de 
nood: foto’s importeren 
(Één voor één weliswaar, geen gif's, en 

niet rechtstreeks vanuit een camera), de af- 
metingen van je showvenster bepalen (waar- 
bij je er het best vooraf voor zorgt dat alle fo- 
to’s dezelfde grootte hebben), een leuk effect 
kiezen, het resultaat bekijken en… even later 
is je Flash-animatie ingeblikt als een (instal- 


fotoshow in == E 


— __Xara WebStyle 5,1 


Op een webpagina kan je tal 
van grafische elementen 
kwijt — foto’s, logo's, ach- 
tergronden, knoppen, 
(3D)-titels, banners, bal- 
ken… - en Xara WebStyle kan ze allemaal 
de baas. Het heeft daarvoor een even een- 
voudig als doeltreffend parcours uitge- 
stippeld: duid aan welk grafisch element 
je wil, kies een sjabloon uit het ruime aan- 
bod (meer dan 1.ooo), pas eventueel het 
uitzicht aan, en sla het resultaat op - kant- 
en-klaar voor het Web en dus mét de no- 
dige CSS- en JavaScript-code. 
Vind je het lastig om verschillende grafi- 
sche elementen in één mooi geheel te gie- 
ten, dan kan je gerust ook uit een reeks 
ThemeSets putten: een soort all-in sjablo- 
nen waarbij de graphics al in een eenvor- 
mig jasje werden gestopt. Toegegeven, de 
meegeleverde sjablonen zijn niet altijd 
moeders mooiste, maar WebStyle legt je 
niks in de weg om die zelf aantrekkelijker 
te maken. Werk je vaak met eigen foto’s 
(in het formaat gif, jpg of png) dan kan je 
die vanuit WebStyle automatisch of ma- 
nueel optimaliseren. Kant-en-klare effec- 


IN DEZE VERGELIJKENDE TEST BEKIJKEN 


WE NEGEN PAKKETTEN VOOR ANIMATIES OP JE WEBSITE 


) Wizard 
Afmetingen -77,92% 


leerbare) screensaver, als uitvoer- 
baar exe-bestand of als een html- 
pagina. Voel je nog meer creati- 
viteit opborrelen, dan moet je het 
veilige pad van de Wizard verla- 
ten. Gelukkig zit ook de hoofd- 
module logisch in elkaar. Je kan 
dan met de fotokleuren stoeien, 
een achtergronddeuntje laten 
spelen en handige navigatie- 
knoppen op je site zetten, zodat je bezoekers 
op eigen tempo door het album kunnen bla- 
deren. Minpuntjes zijn wel de beperkte help- 
functie (zeker wenselijk voor moeilijkere be- 
grippen uit de digitale animatiewereld) en het 
voorbeeldschermpje dat niet altijd feilloos lijkt 
te werken. Het programma crashte ook een 
tweetal keer tijdens onze tests. 


ten vind je hier niet: wil je de foto’s bij- 
voorbeeld een sepia-zwartwit-effect mee- 
geven, dan moet je dus zelf experimente- 
ren. Handig is wel dat je het resultaat van 
elke graphic eerst nog in je browser kan 
bekijken. WebStyle vertelt je er dan ook bij 
hoelang de download duurt met verschil- 
lende internetconnecties. 


3D: Staat voor driedimensionaal, wat betekent dat 
voorwerpen en figuren diepte bevatten. 


CSS: Cascading Style Sheets. Een handige manier 
om de elementen op je internetpagina verschillende 
stijlkenmerken mee te geven. 


Exe: Afkorting van Executable file. ‘Exe'zijn de drie 
laatste letters (of: de extensie) van een bestand dat 
uitvoerbaar is, een programma bijvoorbeeld. 


Flash: Een programma van Macromedia, waarmee 
je audiovisuele effecten en bewegende animaties 
maakt. 


Breedte «| 
Hoogte «/ 


Breedte els 
He IW Verhoudingen behouden 
Hoogte pixels 


JPG-kwaliteit | _»| IS Voorbeeld JPG-kwalteit 
Framesnelheid _« | u 


Framesnelheid frames per seconde (2-31) 


Een simpele wizard voor een hapklare fotoshow. 


FotoShow in Flash laat je zonder enige 
kennis van Flash toe een foto-album in 
een Flash-animatie te gieten, voorzien 
van tekst, geluid en navigatieknoppen. 


Webstyle is ideaal om snel uiteenlopen- 
de webgraphics te creëren, als je ten- 
minste wil vertrekken vanuit (niet altijd 
even kunstzinnige) sjablonen. 


Gif: Graphics Interchange Format, een gecomprimeerd 
formaat van afbeeldingen met maximaal 256 kleuren. 


JavaScript: Door Netscape ontwikkelde scripttaal 
waarmee html-pagina’s meer interactief kunnen wor- 
den. 


Html: Hypertext Markup Language. Een soort compu- 
tertaal waarmee webpagina's worden aangemaakt. 


Screensaver: Schermbeveiliger. Een programma dat 


zichzelf activeert wanneer je de computer een tijdje 
met rust laat. 
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JasC 


Kara5D 5,0 


Xara3D belooft dan wel flashy 
titels en logo’s supersnel te 
kunnen aanmaken, de inter- 

face komt alvast oubollig over. 

— Maar dat doet niks af aan de 
eenvoud waarmee het zich laat be- 
dienen. Het recept blijkt namelijk heel 
efficiënt: tik eerst je tekst in, en experimenteer 
daarna met de effecten. Je kiest zelf het letter- 
type, maar omdat die zich niet altijd even goed 
lenen voor 3D, krijg je er een 5o-tal bij op cd (sa- 
men met zo’n 850 texturen). Als je dat verkiest, 
kan je ook een vectorafbeelding importeren. 

Welke effecten kan je er nu op loslaten? Dat gaat 

van bewerkingen als lettertype-spatiëringen, 

over textuur (reliëf, zeg maar), helling en scha- 
duw, tot rotaties, 3D- en lichteffecten. Elk effect 


Cool 560 


Cool 360 doet niet veel, maar doet 
het wel goed: losse foto’s aan el- 
kaar rijgen tot één panoramisch 
geheel (van 360°). Het lukt echt 
4 om in drie snelle stappen tot een 
à aanvaardbaar eindresultaat te 
komen. Eerst start je een nieuw 
project en haal je de foto’s in de juiste volg- 
orde op. Dat zou rechtstreeks uit je digitale 
camera moeten kunnen - hoewel dat bij ons 
telkens mislukte. 
In een volgende fase stuur je het automatisch 
samengestelde panorama bij. Vanuit een ge- 
bruiksvriendelijke omgeving kan je nu kleur- 
toon, verzadiging, helderheid en contrast in- 
stellen, en je kan ook de rotatiegraad en het 


Animation Shop zit gratis bij 
Paint Shop Pro, maar je kan het 
ook apart kopen. Het richt zich 

= specifiek tot wie geanimeerde 

animation Shop banners wil creëren. In het File- 
menu vind je twee wizards: 


Mie Est Ven tomaten Mers Tindon men 


Nep DSENG 
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Heel wat bewerkingen zijn gebaseerd op frames. 
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heeft een apart dialoogvenster. 
Animaties zijn ook mogelijk, en de mosterd 
haal je uit talrijke sjablonen, met voorbeeld- 
venster. Zo’n handig venster krijg je jammer 
genoeg niet voor alle effecten: meestal zet de 
aanpassing zich dadelijk door op je eigen af- 
beelding, zodra je het effect verandert. Valt het 
tegen, dan kan je wel op je stappen terugkeren 
met een ongelimiteerde Undo-optie. 
Eenmaal de creatie naar je zin, kan je die naar 
diverse formaten exporteren. Klassiekers zijn 
gif, jpg en png, maar ook ico (icoontjes), 
cur (cursors), scr (schermbeveiligers), avi (film- 
pjes) en swf (flash) zijn mogelijk. Een geani- 
meerd gifje kan ook, maar je hebt wel geen 
zicht op de instellingen die je in dat export- 
venster wijzigt. 


perspectief aanpassen. Bij ons was dat ook 
meer dan nodig, aangezien we de kiekjes met 
de losse hand hadden genomen. Gelukkig 
kan je op elk moment een blik op het resul- 
taat werpen, dankzij een ingebouwde kijker 
die je panorama laat ronddraaien. 

Opslaan kan in de beeldformaten bmp, jpg, 
png of tif, maar ook als filmpje (weliswaar en- 
kel in het Quicktime-formaat mov). Een uit- 
voerbaar bestand mét ingebouwde kijker is 
ook mogelijk, of je kan meteen een scherm- 
beveiliger laten installeren. Je panorama op 
een webpagina deponeren vereist een speciale 
plug-in die wij helaas niet aan de praat kregen. 
Export naar een Flash-animatie ontbreekt jam:- 
mer genoeg. 


Animation Shop 5,05 


Banner en Animation Wizard — en voor wie het 
zich afvraagt: de banner blijkt vooral rond tekst 
te draaien. Via die wizards heb je snel je eerste 
animatie klaargestoomd — hoewel de vragen 
die ze stellen niet altijd evident zijn! De ani- 
matie krijg je dan te zien in de vorm van een 
chronologische reeks frames. Daar 
kan je dan heel wat bewerkingen en 
effecten op loslaten. In het voor- 
beeldvenster hou je het resultaat in 
toog. Intussen is er in het File-menu 
nog een extra wizard opgedoken: Op- 
timization wizard. Je bepaalt auto- 
matisch of handmatig de verhouding 
beeldkwaliteit en bestandsgrootte. 
Animation Shop kan afbeeldingen 
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aa “BIT O/ 


WES EE MND ES A 
SGT HOP 


Lichteffecten? Spelen met de pijltjes maar… 


Voor snelle driedimensionale titels en lo- 
go’s kan je je nauwelijks een handiger 
programma dan Xara3D 5.0 indenken. 


Ird Nieuw Project — Stap 3 van 3 


(de oho's le nemen 
dien vw fotchoemel mat oo de het moat selecteer dan oo men 
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zen 


Hoe slechter de foto(graaf), hoe meer retou- 
cheerwerk. 


Cool 360 is erg handig om losse foto's tot 
één panoramisch geheel samen te smel- 
ten. 


met lagen importeren, maar veel meer dan la- 
gen al dan niet in aparte frames te laten te- 
rechtkomen, zit er niet bij (anders dan bij GIF 
Animator). Qua uitvoer valt er niet te klagen, 
met geanimeerde gif's, Autodesk-animaties, avi 
en ani (dat zijn bewegende cursors). Flash-lief- 
hebbers moeten elders aankloppen. 


Liefhebbers van geanimeerde banners ko- 
men zeker aan hun trekken, ook al is Ani- 
mation Shop 3.05 dan niet het meest ge- 
sofistikeerde in het genre. 


GIF Animator 5 


Gif'jes zijn erg po- 

„ay _ Pulair op het web, 
niet in het minst 
omdat je ze ook 
kan laten bewe- 
gen. En dat is pre- 
cies waar GIF 
Animator in uit- 
blinkt. Veel meer 
hoef je hier niet 
te doen dan de 
grootte van je 
animatie bepalen, je beeld- of video- 
materiaal selecteren, en aanduiden hoe- 
lang de beeldframes zichtbaar moeten blij- 
ven! Maar GIF Animator biedt nog veel 
meer. Naast het werkveld staat een ge- 
reedschapskist met klassiekers als borstel, 
gom, selectietools, enz… Onderaan is dan 
elk frame van je animatie chronologisch 


Flash ee nn 


Het web gonst van 
de animaties en de 
meeste worden 

nog altijd klaarge- 
stoomd in Macro- 
media Flash. Dat 
pakket is al aan 
versie 6 (MX) 
toe, en wat ooit 
begon als een 
programmaatje 


voor bewegende figuren is intussen uit- 
gegroeid tot een zeer krachtig animatie- 


Macromedia Flasly MX - [Untitled-2} 


a me ed Vew Insert Modfy Text Control windon meb 
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Waaling the aquarium, 


THIS LAYER 15 A GUIDE AND WILL HOT BE INCLUDED It YOUR MOV 


TEMPLATE INSTRUCT 


Preparing your photos 


Adding your own photos and making a customized photo show is easy. 


But first, let's make sure they are in a suitable format for this template. 
Macromedia Flash will let you import images in a variety of formats, but 


JPEGs will typically work best for photographs. 


For best results, save your photos using an image editing program like 
Macromedia Fireworks as JPEGs. Each image should have a size of 

640x480 and should be named in a numbered sequence. For example, 
‘photo1.jpg’, ‘photo2.jpg', ‘photo3.jpg’, etc. 


IE. IT CAN BE SAFELY HIDDEN OR DELETED 


uitgetekend. Rechts van het werkveld krijg 
je een overzicht van al je objecten — verge- 
lijkbaar met de verschillende bewerkings- 
lagen in het beeldbewerkingsprogramma 
Photoshop. Precies de combinatie van fra- 
mes en objecten maakt krachtige anima- 
ties mogelijk. 

In het menu vind je onder meer talrijke 
effecten (zowel overgangen als filters). Een 
druk op de knop Preview volstaat om je re- 
sultaat te bewonderen. Voor je dat echter 
inblikt, doe je er goed aan even langs de 
Optimization Wizard te lopen: dan kan je 
de afbeelding namelijk grondig optimali- 
seren voor een minimale bestandsgrootte. 
De uitvoermogelijkheden van het pakket 
mogen er ook best wezen: naast animated 


gif kan je bijvoorbeeld ook nog kiezen voor 


een filmpje (mov, avi, mpg, … 
animatie. 


) of een Flash- 


pakket. Zozeer zelfs dat je bij de eerste op- 
start de vraag krijgt of je de interface wil af- 
stemmen op de noden van de designer dan 
wel op die van de ontwikkelaar, voor scripts 
en andere webtoepassingen. Wij houden 
het hier bij de eigenlijke ‘animator’ binnen 
Flash. 

Elke beginner staat voor een steile leercur- 
ve en de schamele sjablonen waarvan je kan 
vertrekken, vergulden die pil nauwelijks! 
Centraal staat — nog altijd — de tijdlijn (in- 
clusief lagen) van Flash, maar het exem- 
plaar dat je hier aantreft, laat zich lang niet 
zo makkelijk temmen als 
dat van — zeg maar — je 
video-editor. Wel zo han- 
dig is de Property In- 
spector, die je in één oog- 
opslag alle eigenschap- 
pen van een geselecteerd 
object laat bekijken én 
wijzigen. Tot die objec- 
ten horen onder meer 
bitmaps en vectoriële fi- 
guren, tekst, animaties 
en audio, en vanaf deze 
versie ook videofilmpjes. 
Kortom, er is weinig dat 
Flash niet naadloos in je 
animatie weet te verwer- 
ken. Het standaardfor- 


Een interface om U tegen te zeggen! 


maat voor je meester- 
werk hoort natuurlijk een 


® Ulead GIF Animator - [Naamloos*] (1X) 468x60 
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Toch een hele entourage voor zo’n bescheiden 
gif'je… 


GIF Animator 5 is een schitterend pro- 
gramma voor wie meer dan doorde- 
weeks geanimeerde gifjes op z'n web- 
stek wil. 


Flash-filmpje (.swf) te zijn en als je wil, ge- 
nereert Flash ook de nodige html-code. Je 
kan echter ook kiezen voor een geanimeerd 
gifje, een Quicktime-filmpje of een uit- 
voerbaar exe-bestand. 


Flash MX is het programma bij uitstek 
voor professionele webanimaties én 
=toepassingen, tenminste als je grondig 
wil investeren in tijd (en geld). 


Animated gif: Een snelle opeenvolging van een 
aantal gif-afbeeldingen, die telkens lichtjes van 
elkaar verschillen. Op die manier ontstaat er een 
beweging, volgens het principe van de animatiefilm. 


Avi-formaat: Audio Video Interleaved. De 
bestandsnaam voor digitale video met geluid. 


Plug-in: Een klein programmaatje dat in een 
bestaand programma wordt geïntegreerd om 
nieuwe functies te kunnen vervullen. 


Vectorafbeelding: Vectortekeningen laten zich 
gemakkelijk vervormen doordat je de knooppun- 
ten van Béziercurven kan verslepen. 
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ie Cool 5D Production Studio 


Dit pakket draagt ‘3D’ in 
z’n naam, maar is het je 
enkel te doen om snel 
een leuke 3D-titel aan je 
webstek te hangen, dan 
wandel je er toch beter 
met een grote boog 
omheen. ‘Production 
Studio’ mikt op de 
semi-professional die 
geanimeerde 3D-titeleffecten 
in Z'n filmpjes wil stoppen De een- 
voudigere versie van Ulead heet 
trouwens Cool 3D zonder ‘Production 


Studio’. Er staat je een steile leercurve te wach- 
ten als je alle opties onder de knie wil krijgen 
— zelfs mét handleiding! Wel heb je een hou- 
vast aan het EasyPalette: je kan er terecht voor 
tal van sjablonen die je zo naar je werkvenster 
kan slepen: van achtergronden, vormen en 
filmpjes tot een hele reeks geanimeerde ef- 
fecten. Ook het Attributenpaneel schiet je ter 
hulp: daarmee kan je tot in de details alle in- 
stellingen van een geselecteerd object aan- 
passen. De andere vensters en tools laten zich 
echter al een stuk moeilijker benaderen. Neem 
nu de Animatietijdlijn, en tools als de Path Edi- 
tor (om animatiepaden uit te tekenen). Die bie- 


den heel wat mogelijkheden, maar zonder 
handleiding kom je geen stap verder. 

De exportmogelijkheden zijn al even profes- 
sioneel: videofilmpjes, video-overlays, geani- 
meerde gif's en Flash. 


CONCLUSIE 


Wie zijn filmpjes met indrukwekkende 
3D-animaties wil opfleuren én daarin de 
nodige tijd wil investeren, zit met Cool 3D 
Production Studio gebeiteld. 


ALGEMENE CONCLUSIE 


Het heeft weinig zin één algemene winnaar uit te roepen: daarvoor zijn 
de pakketten te verschillend. De programma’s mikken elk op een ander 
publiek. Zo hebben bijvoorbeeld FotoShow in Flash en Xara Webstyle 
vooral de newbies op het oog, terwijl een pakket als Flash MX of Cool 
3D het meer op de semi-professionals heeft begrepen. Elk programma is 
ook in een andere taak goed, dus ook daar valt geen lijn te trekken.Echt 
teleurstellende programma's zijn we gelukkig niet tegengekomen. Wel 
liepen we tegen flink wat beperkingen aan in Flashfile Creator en vonden 
we Cool 360 net ietsje te duur voor wat het eigenlijk doet. Het pakket op 
jouw maat kiezen zal geen al te zware opgave zijn omdat je van heel wat 
pakketten een gratis proefversie op de website van de fabrikant kan 
downloaden. En ook de laatste gratis Clickx-cd (bij Clickx 48) bevat heel 
wat animatiesoftware die hier de revue passeerde. 
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Flashfile FotoShow Xara Xara3D 5.0 Cool 360 Animation GIF Cool 3D Pro 
Creator in Flash Webstyle 3.1 Shop 3.05 Animator 5 |duction Studi 


Website www.ulead.com _ www.ulead.com 


(gratis demo) (gratis demo) 


www.ulead.com 
(gratis demo) 


www.data- 
becker.nl 


www.data- 
becker.nl 


www.xara.com 
(gratis demo) 


www.xara.com 
(gratis demo) 


www.jasc.com 
(gratis demo) 


www.macro- 
media.com 

(gratis demo) 

Prijs (download € 439,51 


indien mogelijk) 


€ 34,99 € 29,99 € 42,6 (zonder 


handleiding) 


€ 34,55 (zonder 
handleiding) 


Intel 486 


€ 35,47 € 34,35 > SEC € 104,81 


Pentium 
(200 MHz) 
64 (128) MB RAM 
85 MB HDD 


Ja 


Pentium Il 

(800 MHz) 

64 MB RAM 
128 (250) MB HDD 


Ja 


Pentium Pentium 
(500 MHz) 
32 (64) MB RAM 32 (128) MB RAM 


20 MB HDD 75 MB HDD 


Ja Nee 


Pentium Il Pentium 
233 MHz 
64 MB RAM 


50 MB HDD 
(Nee) 


Pentium II 
600 MHz 
128 MB RAM 
50 MB HDD 


Nee 


Pentium 
233 MHz 
64 MB RAM 
min. 40 MB HDD 


Nee 


Systeem- 
vereisten 
32 MB RAM 
(30 MB HDD) 


(Nee) 


64 MB RAM 
20 MB HDD 


Gedrukte Ja 


handleiding 

Beoordeling (max. 100) 
Installatie 100 
50 


70 


Mogelijkheden 


Gebruikers- 
vriendelijkheid 


— Toon Van Daele — 
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